// Custom styles.
.post-copyright {
    margin: 1em 0 0;
    padding: 0.5em 1em;
    border-left: 3px solid #ff1700;
    background-color: #f9f9f9;
    list-style: none;
}

// 下载样式
a#download {
display: inline-block;
padding: 0 10px;
color: #000;
background: transparent;
border: 2px solid #000;
border-radius: 2px;
transition: all .5s ease;
font-weight: bold;
&:hover {
background: #000;
color: #fff;
}
}
/ /颜色块-黄
span#inline-yellow {
display:inline;
padding:.3em .5em .2em;
// font-size:80%;
// font-weight:bold;
line-height:1;
color:#fff;
text-align:center;
white-space:normal;
vertical-align:baseline;
border-radius:0;
background-color: #f0ad4e;
}
// 颜色块-绿
span#inline-green {
display:inline;
padding:.3em .5em .2em;
// font-size:80%;
// font-weight:bold;
line-height:1;
color:#fff;
text-align:center;
white-space:normal;
vertical-align:baseline;
border-radius:0;
background-color: #5cb85c;
}
// 颜色块-蓝
span#inline-blue {
display:inline;
padding:.3em .5em .2em;
// font-size:80%;
// font-weight:bold;
line-height:1;
color:#fff;
text-align:center;
white-space:normal;
vertical-align:baseline;
border-radius:0;
background-color: #2780e3;
}
// 颜色块-紫
span#inline-purple {
display:inline;
padding:.3em .5em .2em;
// font-size:80%;
// font-weight:bold;
line-height:1;
color:#fff;
text-align:center;
white-space:normal;
vertical-align:baseline;
border-radius:0;
background-color: #9954bb;
}

/////////////////////////
//copy from others blog
/////////////////////////

// 文章底部的tags
.posts-footer .post-tags a {
    border-bottom: none;
    margin-right: 0px;
    font-size: 13px;
    padding: 0px 5px;
    border-radius: 3px;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.posts-footer .post-tags a:hover {
    background: #eee;
}

// 超链接样式
a {
    color: rgb(80, 115, 184);
    border-bottom-color: rgb(80, 115, 184);
}
a:hover {
    color: rgb(161, 102, 171);
    border-bottom-color: rgb(161, 102, 171);
}

// 去掉图片边框
.posts-expand .post-body img {
    border: none;
    padding: 0px;
}
.post-gallery .post-gallery-img img {
    padding: 3px;
}
// 文章``代码块的自定义样式
code {
    margin: 0px 4px;
}
// 文章```代码块顶部样式
.highlight figcaption {
    margin: 0em;
    padding: 0.5em;
    background: #eee;
    border-bottom: 1px solid #e9e9e9;
}
.highlight figcaption a {
    color: rgb(80, 115, 184);
}
// // 文章```代码块diff样式
// pre .addition {
//     background: #e6ffed;
// }
// pre .deletion {
//     background: #ffeef0;
// }

// 自定义的侧栏时间样式
#days {
    display: block;
    color: #999;
    text-align: center;
    font-size: 13px;
    margin-top: 15px;
}
// 侧栏目录链接样式
.post-toc ol a {
    color: rgb(7, 179, 155);
    border-bottom: 1px solid rgb(96, 125, 139);
}
.post-toc ol a:hover {
    color: rgb(161, 102, 171);
    border-bottom-color: rgb(161, 102, 171);
}
// 侧栏目录链接样式之当前目录
.post-toc .nav .active > a {
    color: rgb(161, 102, 171);
    border-bottom-color: rgb(161, 102, 171);
}
.post-toc .nav .active > a:hover {
    color: rgb(161, 102, 171);
    border-bottom-color: rgb(161, 102, 171);
}
/* 修侧栏目录bug，如果主题配置文件_config.yml的toc是wrap: true */
.post-toc ol {
    padding: 0px 10px 5px 10px;
}

// 选中文字部分的样式
::selection {
    background-color: rgb(255, 241, 89);
    color: #555;
}
//代码高亮单独调整
.highlight *::selection{
    background-color: #3c3ce7;
    color: #eeeeee;
}

//hexo 原版去掉图片标题
figure img + figcaption{
    display: none;    
}
//hexo打开fancybox后去掉丑的图片标题
figure a + figcaption{
    display: none;    
}
//hexo打开fancybox后去掉fancybox风格的标题
p.image-caption{
    display: none;
}

//文章标题增加序号
.post-body {counter-reset:section}
.post-body h2{counter-reset:sub-section}
.post-body h3{counter-reset:composite}
.post-body h4{counter-reset:detail}
.post-body h2:before{content:counter(section) " ";counter-increment:section}
.post-body h3:before{content:counter(section) "." counter(sub-section) " ";counter-increment:sub-section}
.post-body h4:before{content:counter(section) "." counter(sub-section) "." counter(composite) " ";counter-increment:composite}
.post-body h5:before{content:counter(section) "." counter(sub-section) "." counter(composite) "." counter(detail) " ";counter-increment:detail}


///// 代码块调整


//代码块头部字体颜色适配
.highlight figcaption{
    color:#63ce4b;//#b10707;
    background-color: #21252b;
    border-bottom: 0px;
    padding-left: 0.8em;
    padding-top: 0.7em;
}

.highlight figcaption::before{
    content: "》";
    display: unset ;    
}
.highlight figcaption span::before{
    content: "【";
    display: unset ;    
}
.highlight figcaption span::after{
    content: "】";
    display: unset ;    
}

//代码块圆角矩形
.table-container{
    border-radius: 5px;
    box-shadow: 5px -5px 7px -1px rgba(128, 129, 130, 0.61);    
}
.highlight{
    border-radius: 5px;
    box-shadow: 5px -5px 7px -1px rgba(128, 129, 130, 0.61);    
}


///////////自定义颜色主题方案

// 字体和背景颜色调节
// 低亮度调灰版，不伤眼更柔和
body {
    color:#4f4f4f;
    // background:#98bdd4; 
}
.post-block{
    background: #f3f3f3;    
}
.sidebar-inner{
    background: #f2f2f2;    
}
.header-inner{
    background: #f2f2f2;    
}
.comments{
    background: #f3f3f3;
}

// 滑条样式调整
// 设置滚动条的样式
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
//滚动槽
::-webkit-scrollbar-track {
background: #eee;
}
//滚动条滑块
::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #ccc;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgb(247, 149, 51);
}



// 主页面调窄以及移动端适配
.container .main-inner {
    width: 75%;
}

@media (min-width: 991px){
    .header {
        width: 75%;
    }
}

@media (max-width: 991px) and (min-width: 768px){
    .container .main-inner {
        width: auto;
    }
} 
@media (max-width: 767px){ 
.container .main-inner {
    width: auto;
}
}


//复制按钮调整
.copy-btn{
    font-size: 10px;
    line-height: 16px
    background-color: #aaaaaa;
    background-image: unset; 
    border: 0px solid #d5d5d5;
    border-radius: 5px;
}

// 自定义的文章置顶样式
.post-sticky-flag {
    font-size: 18px;
    float: left;
    color: rgb(0, 0, 0);
    cursor: help;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.post-sticky-flag:hover {
    color: #07b39b;
}

// 修正字体大小错误
body {
    font-size: 16px;
}
//导航栏字体加粗
.site-nav{
    font-weight: bold;
}